<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">用户管理</h3>
                    <div class="box-tools pull-right">
                        <button data-rights="9003" id="addUser" type="button" class="btn btn-info margin-r-5" data-toggle="modal"
                                data-target="#myModal">创建用户
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="dataTables_wrapper form-horizontal dt-bootstrap">

                            <div class="col-sm-12 filter-block">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label" for="searchName">角色名</label>

                                        <div class="col-sm-8">
                                            <input type="text" placeholder="角色名" id="searchName"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label" for="searchUserName">用户名</label>

                                        <div class="col-sm-8">
                                            <input type="text" placeholder="用户名" id="searchUserName"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-1 pull-right">
                                    <button id="search" type="button" class="btn btn-default margin-r-5">搜索
                                    </button>
                                </div>
                            </div>


                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <table class="table table-bordered table-striped customer-table"
                                   aria-describedby="example2_info">
                                <thead>
                                <tr>
                                    <th>角色</th>
                                    <th>角色名称</th>
                                    <th>用户名</th>
                                    <th>所在公司名称</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.box-body -->
        </div>

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog">

            </div>

        </div>
        <div class="modal fade" id="rightsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog" style="width: 800px">

            </div>

        </div>
        <!-- /.box -->
    </div>
    <!-- /.col -->
    </div>
</section>
<script>
    require(['customerIndex'], function (customer) {
        customer.init()
    })
</script>